// 左侧导航
$(function() {
    $(".dd-inner").children(".item").hover(function() { //一级导航悬浮
        $(this).addClass("hover").siblings(".item").removeClass("hover");
        var index = $(this).index();
        $(".dorpdown-layer").children(".item-sub").hide();
        $(".dorpdown-layer").children(".item-sub").eq(index).show();

    })
    $(".dd-inner").hover(function() { //整个导航菜单悬浮，是否显示二级导航到出厂
        $("#index_menus_sub").show();
    }, function() {
        $("#index_menus_sub").hide();
        $('.item').removeClass("hover");
    })
    $("#index_menus_sub").children(".item-sub").hover(function() { //二级导航悬浮
        var index = $(this).index();
        $(".dd-inner").children(".item").eq(index).addClass("hover");
        $("#index_menus_sub").show();
    }, function() {
        $("#index_menus_sub").hide();
        $(".dd-inner").children(".item").removeClass("hover");
    })
})


// 当鼠标移到产品上的时候，显示产品所属的类目名称
$(function(){
    $(".arrival").hover(function(){
        //鼠标悬浮其上的动作
        $(this).find(".hover_01").show();
    },function(){
        //鼠标移动出去的动作
        $(this).find(".hover_01").hide();
    });
});


// banner轮播图
$(function(){
    $(".main_visual").hover(function(){
        $("#btn_prev,#btn_next").fadeIn()
    },function(){
        $("#btn_prev,#btn_next").fadeOut()
    });   
    $dragBln = false; 
    $(".main_image").touchSlider({
        flexible : true,
        speed : 200,
        btn_prev : $("#btn_prev"),
        btn_next : $("#btn_next"),
        paging : $(".flicking_con a"),
        counter : function (e){
            $(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
        }
    });
    
    $(".main_image").bind("mousedown", function() {
        $dragBln = false;
    });
    
    $(".main_image").bind("dragstart", function() {
        $dragBln = true;
    });
    
    $(".main_image a").click(function(){
        if($dragBln) {
            return false;
        }
    });
    
    timer = setInterval(function(){
        $("#btn_next").click();
    }, 5000);
    
    $(".main_visual").hover(function(){
        clearInterval(timer);
    },function(){
        timer = setInterval(function(){
            $("#btn_next").click();
        },5000);
    });
    
    $(".main_image").bind("touchstart",function(){
        clearInterval(timer);
    }).bind("touchend", function(){
        timer = setInterval(function(){
            $("#btn_next").click();
        }, 5000);
    });
});



// 产品轮播图
$(function(){
    var page = 1;
    var i = 5;          // 每版放5张图片
    // 向后 按钮
    $(document).on('click','.next',function(){        // 绑定click事件
        var content = $('.content');
        var content_list = $('.content_list');
        var v_width = content.width();
        var len = content.find('li').length;
        var page_count = Math.ceil(len / i);        // 只要不是整数，就往大的方向取最小的整数
        if(!content_list.is(':animated')) {         // 判断“内容展示区域”是否正在处于动画
            if(page == page_count) {                // 已经到最后一个版面了，如果再向后，必须跳转到第一个版面
                content_list.animate({left : '0px'}, 'slow');       // 通过改变left值，跳转到第一个版面
                page = 1;
            }else {
                content_list.animate({left : '-=' + v_width}, 'slow');      // 通过改变left值，达到每次换一个版面
                page++;
            }
        }
    });
    // 往前 按钮
    $(document).on('click','.prev',function(){
        var content = $('.content');
        var content_list = $('.content_list');
        var v_width = content.width();
        var len = content.find('li').length;
        var page_count = Math.ceil(len / i);        // 只要不是整数，就往大的方向取最小的整数
        if(!content_list.is(':animated')) {         // 判断“内容展示区域”是否正在处于动画
            if(page == 1) {                         // 已经到第一个版面了，如果再向前，必须跳转到最后一个版面
                content_list.animate({left : '-='+v_width*(page_count-1)}, 'slow');
                page = page_count;
            } else {
                content_list.animate({left : '+='+v_width}, 'slow');
                page--;
            }
        }
    });
});



// 购物车
$(function(){
    $('#J_MCartTrigger').hover(function(){
        $('.head-cart').addClass('head_active');
        $('#J_MCart').show();
    },function(){
      $('.head-cart').removeClass('head_active');
        $('#J_MCart').hide();
    });
});


// 二级页鼠标滑上去显示详情类目名称
$(function(){
    window.z=24;
        $('.empty').each(function(){
        window.z--;
        $(this).css('z-index',window.z);
    }); 
    $('.empty').hover(function(){
        $(this).find('.lm_pro').addClass('lm_active');
        $(this).find('.leimu-pro').show();
    },function(){
        $(this).find('.lm_pro').removeClass('lm_active');
        $(this).find('.leimu-pro').hide();
    });
});


//图片详细页函数
//鼠标经过预览图片函数
function preview(img){
    $("#preview .jqzoom img").attr("src",$(img).attr("src"));
    $("#preview .jqzoom img").attr("jqimg",$(img).attr("bimg"));
}

//图片放大镜效果
$(function(){
    $(".jqzoom").jqueryzoom({xzoom:380,yzoom:410});
});

//图片预览小图移动效果,页面加载时触发
$(function(){
    var tempLength = 0; //临时变量,当前移动的长度
    var viewNum = 6; //设置每次显示图片的个数量
    var moveNum = 2; //每次移动的数量
    var moveTime = 300; //移动速度,毫秒
    var scrollDiv = $(".spec-scroll .items ul"); //进行移动动画的容器
    var scrollItems = $(".spec-scroll .items ul li"); //移动容器里的集合
    var moveLength = scrollItems.eq(0).width() * moveNum; //计算每次移动的长度
    var countLength = (scrollItems.length - viewNum) * scrollItems.eq(0).width(); //计算总长度,总个数*单个长度
      
    //下一张
    $(".spec-scroll .next").bind("click",function(){
        if(tempLength < countLength){
            if((countLength - tempLength) > moveLength){
                scrollDiv.animate({left:"-=" + moveLength + "px"}, moveTime);
                tempLength += moveLength;
            }else{
                scrollDiv.animate({left:"-=" + (countLength - tempLength) + "px"}, moveTime);
                tempLength += (countLength - tempLength);
            }
        }
    });
    //上一张
    $(".spec-scroll .prev").bind("click",function(){
        if(tempLength > 0){
            if(tempLength > moveLength){
                scrollDiv.animate({left: "+=" + moveLength + "px"}, moveTime);
                tempLength -= moveLength;
            }else{
                scrollDiv.animate({left: "+=" + tempLength + "px"}, moveTime);
                tempLength = 0;
            }
        }
    });
});



// 点击产品图放大
$(function(){
    $('.spec-preview').click(function(){
        $('#jzoom').show();
    })
    $('#jzoom').click(function(){
        $('#jzoom').hide();
    })
})



// 产品详情页产品轮播图
$(function(){
    var page = 1;
    var i = 5;          // 每版放5张图片
    // 向后 按钮
    $('.next_01').click(function(){        // 绑定click事件
        var content = $('.new_02');
        var content_list = $('.ull_02');
        var v_width = content.width();
        var len = content.find('li').length;
        var page_count = Math.ceil(len / i);        // 只要不是整数，就往大的方向取最小的整数
        if(!content_list.is(':animated')) {         // 判断“内容展示区域”是否正在处于动画
            if(page == page_count) {                // 已经到最后一个版面了，如果再向后，必须跳转到第一个版面
                content_list.animate({left : '0px'}, 'slow');       // 通过改变left值，跳转到第一个版面
                page = 1;
            }else {
                content_list.animate({left : '-=' + v_width}, 'slow');      // 通过改变left值，达到每次换一个版面
                page++;
            }
        }
    });
    // 往前 按钮
    $('.prev_01').click(function(){
        var content = $('.new_02');
        var content_list = $('.ull_02');
        var v_width = content.width();
        var len = content.find('li').length;
        var page_count = Math.ceil(len / i);        // 只要不是整数，就往大的方向取最小的整数
        if(!content_list.is(':animated')) {         // 判断“内容展示区域”是否正在处于动画
            if(page == 1) {                         // 已经到第一个版面了，如果再向前，必须跳转到最后一个版面
                content_list.animate({left : '-='+v_width*(page_count-1)}, 'slow');
                page = page_count;
            } else {
                content_list.animate({left : '+='+v_width}, 'slow');
                page--;
            }
        }
    });
});


// 购物车页面，input框和select框的绑定
$(function(){
    $("#orz").change(function(){
        $("#get").val($(this).val());
    });
    $('#get').focus(function(){
        $(this).attr("value","").focus();
    });
});





// 选择运输方式
$(function(){
    $('.active_01').hover(function(){
        $(this).find('.pro_ship').addClass('pro_active');
        $(this).find('.pnl-shipping').show();
    },function(){
        $(this).find('.pro_ship').removeClass('pro_active');
        $(this).find('.pnl-shipping').hide();
    });
});











